<template>
	<view class="template-create tn-safe-area-inset-bottom">
		<!-- 顶部自定义导航 -->
		<tn-nav-bar fixed :isBack="true" >
			认证中心
		</tn-nav-bar>


		<view class="tn-safe-area-inset-bottom tn-padding " :style="{paddingTop: vuex_custom_bar_height + 'px'}">

			<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top tn-main-gradient-purplered--single"
				style="width:100%;height:150px;background-size: cover;border-radius: 15rpx;" v-if="configInfo.is_renzheng">

				<view class="justify-content-item tn-margin-left" style="margin-left: 40px;" >
				
					<view class=" tn-color-cat" style="font-size: 16px;">
					实名认证					
					</view>	
					<view class=" tn-color-cat " style="font-size: 12px;" >
					姓名和身份证在线认证					
					</view>						
				</view>
				<view class="justify-content-item tn-margin-right">
					<view class=" tn-color-cat" style="font-size: 16px;margin-top: 10px;" @click="navigateToFn({ url: '/mineMixinPages/renzheng_sm', checkLogin: true })">
						<tn-button shape="round"  backgroundColor="">去认证</tn-button>
					</view>				
				</view>
			</view>

	<view  v-if="configInfo.is_work" class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top tn-main-gradient-blue--reverse"
				style="width:100%;height:150px;background-size: cover;border-radius: 15rpx;" >

				<view class="justify-content-item tn-margin-left" style="margin-left: 40px;" >
				
					<view class=" tn-color-cat" style="font-size: 16px;">
					工作认证				
					</view>	
					<view class=" tn-color-cat " style="font-size: 12px;" >
					上传工作证照片，人工认证					
					</view>						
				</view>
				<view class="justify-content-item tn-margin-right">
					<view class=" tn-color-cat" style="font-size: 16px;margin-top: 10px;" @click="navigateToFn({ url: '/mineMixinPages/renzheng_work', checkLogin: true })">
						<tn-button shape="round"  backgroundColor="">去认证</tn-button>
					</view>
				
				</view>
			</view>


	<view v-if="configInfo.is_xueli" class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top tn-cool-bg-color-3"
				style="width:100%;height:150px;background-size: cover;border-radius: 15rpx;" >

				<view class="justify-content-item tn-margin-left" style="margin-left: 40px;" >
				
					<view class=" tn-color-cat" style="font-size: 16px;">
					学历认证				
					</view>	
					<view class=" tn-color-cat " style="font-size: 12px;" >
					上传毕业证照片，人工认证					
					</view>						
				</view>
				<view class="justify-content-item tn-margin-right">
					<view class=" tn-color-cat" style="font-size: 16px;margin-top: 10px;" @click="navigateToFn({ url: '/mineMixinPages/renzheng_xueli', checkLogin: true })">
						<tn-button shape="round"  backgroundColor="">去认证</tn-button>
					</view>
				
				</view>
			</view>
		</view>




	</view>
</template>

<script>
	let videoAd = null
	import {
		host
	} from '@/siteinfo.js'
	import template_page_mixin from '@/libs/mixin/template_page_mixin.js'
	export default {
		name: 'TemplateCreate',
		mixins: [template_page_mixin],
		data() {
			return {
				iPhone: false,
				isLoading: false,
				huanjifen: '',
				shezhishow: false,
				kano: '',
				id: 0,
				my_moneynum: 0,
				my_scorenum: 0,
				gift_money:0,
				custom: false,
				chongzhtitle: '',
				show_shenqing: false,
				tuniaoData: [],
				up_jili_app: '',
				up_jili_xcx: '',
				chongzhika: '',
				jilimoney: 0,
				_isLoaded: false,
				_rewardedVideoAd: '',
				startVal:0

			}
		},
		onLoad(option) {
			let that = this
			let platform = uni.getSystemInfoSync().platform;
			if (platform === 'ios') {
				this.iPhone = true
			}
			that.action = host + '/chat/user/up_img'
			that.info3()

		},

		methods: {
			

			async info3() {
				let that = this;
				let result = await that.$request({
					loading: 1,
					method: 'post',
					url: '/chat/User/index',
					data: {}
				});


				if (result.statusCode == 200) {
					if (result.data.code == 200) {
				
					}
				} else {
					uni.showToast({
						icon: 'none',
						title: that.$errorMsg
					});
				}


			},


			

		}
	}
</script>

<style lang="scss" scoped>
	.template-edit {}

	/* 用户头像 start */
	.nav-link {
		font-size: 32rpx;
		text-transform: capitalize;
		padding: 0 0 10rpx 0;
		position: relative;

		.title {
			color: #FFFFFF;
			margin-top: 100rpx;
			text-align: center;
		}

		.join {
			color: #FFFFFF;
			margin-top: 20rpx;
			margin-bottom: 40rpx;
			text-align: center;
		}
	}

	.logo-image {
		width: 210rpx;
		height: 210rpx;
		position: relative;
	}

	.jinbi {
		background-image: url(@/static/bi.png);
		width: 330px;
		height: 100%;
		background-size: cover;
		border-radius: 7px;

	}

	/* 页面 start*/
	.about-shadow {
		border-radius: 15rpx;
		box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
	}

	.logo-pic {
		background-size: cover;
		background-repeat: no-repeat;
		// background-attachment:fixed;
		background-position: top;
		border: 8rpx solid rgba(255, 255, 255, 0.05);
		box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
		border-radius: 50%;
		overflow: hidden;
		// background-color: #FFFFFF;
	}

	.bg-flex-shadow {
		background-color: #00C3FF;
		z-index: 9999;
	}



	/* 胶囊*/
	.tn-custom-nav-bar__back {
		width: 100%;
		height: 100%;
		position: relative;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.15);
		border-radius: 1000rpx;
		border: 1rpx solid rgba(255, 255, 255, 0.5);
		color: #FFFFFF;
		font-size: 18px;

		.icon {
			display: block;
			flex: 1;
			margin: auto;
			text-align: center;
		}

		&:before {
			content: " ";
			width: 1rpx;
			height: 110%;
			position: absolute;
			top: 22.5%;
			left: 0;
			right: 0;
			margin: auto;
			transform: scale(0.5);
			transform-origin: 0 0;
			pointer-events: none;
			box-sizing: border-box;
			opacity: 0.7;
			background-color: #FFFFFF;
		}
	}

	/* 底部悬浮按钮 start*/
	.tn-tabbar-height {
		min-height: 100rpx;
		height: calc(120rpx + env(safe-area-inset-bottom) / 2);
	}

	.tn-footerfixed {
		position: fixed;
		width: 100%;
		bottom: calc(30rpx + env(safe-area-inset-bottom));
		z-index: 1024;
		box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);

	}

	/* 底部悬浮按钮 end*/

	/* 标签内容 start*/
	.tn-tag-content {
		&__item {
			display: inline-block;
			line-height: 45rpx;
			padding: 10rpx 30rpx;
			margin: 20rpx 20rpx 5rpx 0rpx;

			&--prefix {
				padding-right: 10rpx;
			}
		}
	}

	.tn-shadow-blurddd {
		border: 2px solid black;
	}


	.icon20 {
		&__item {
			width: 30%;
			background-color: #FFFFFF;
			border-radius: 10rpx;
			padding: 30rpx;
			margin: 20rpx 10rpx;
			transform: scale(1);
			transition: transform 0.3s linear;
			transform-origin: center center;

			&--icon {
				width: 130rpx;
				height: 130rpx;
				font-size: 60rpx;
				border-radius: 50%;
				margin-bottom: 18rpx;
				position: relative;
				z-index: 1;

				&::after {
					content: " ";
					position: absolute;
					z-index: -1;
					width: 100%;
					height: 100%;
					left: 0;
					bottom: 0;
					border-radius: inherit;
					opacity: 1;
					transform: scale(1, 1);
					background-size: 100% 100%;

				}
			}
		}
	}

	/* 标签内容 end*/

	/* 业务展示 start */
	.tn-info {

		&__container {
			margin-top: 10rpx;
			margin-bottom: 50rpx;
		}

		&__item {
			width: 47.7%;
			margin: 15rpx 0rpx 30rpx 0rpx;
			padding: 40rpx 30rpx;
			border-radius: 10rpx;


			position: relative;
			z-index: 1;

			&::after {
				content: " ";
				position: absolute;
				z-index: -1;
				width: 100%;
				height: 100%;
				left: 0;
				bottom: 0;
				border-radius: inherit;
				opacity: 1;
				transform: scale(1, 1);
				background-size: 100% 100%;

			}

			&__left {

				&--icon {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					font-size: 40rpx;
					margin-right: 20rpx;
					position: relative;
					z-index: 1;

					&::after {
						content: " ";
						position: absolute;
						z-index: -1;
						width: 100%;
						height: 100%;
						left: 0;
						bottom: 0;
						border-radius: inherit;
						opacity: 1;
						transform: scale(1, 1);
						background-size: 100% 100%;

					}
				}

				&__content {
					font-size: 25rpx;

					&--data {
						color: rgba(255, 255, 255, 0.5);
						margin-top: 5rpx;
						// font-weight: bold;
					}
				}
			}

			&__right {
				&--icon {
					position: absolute;
					right: 0rpx;
					top: 50rpx;
					font-size: 100rpx;
					width: 108rpx;
					height: 108rpx;
					text-align: center;
					line-height: 60rpx;
					opacity: 0.15;
				}
			}

			&__bottom {
				box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.12);
				border-radius: 0 0 10rpx 10rpx;
				position: absolute;
				width: 85%;
				line-height: 15rpx;
				left: 50%;
				bottom: -15rpx;
				transform: translateX(-50%);
				z-index: -1;
				text-align: center;
			}
		}
	}

	/* 业务展示 end */


	/* 组件导航列表 start*/
	.nav-list {
		display: flex;
		flex-wrap: wrap;
		padding: 0rpx 0rpx 0rpx;
		justify-content: space-between;

		/* 列表元素 start */
		.nav-list-item {
			padding: 55rpx 30rpx 5rpx 30rpx;
			border-radius: 12rpx;
			width: 48%;
			margin: 0 5rpx 40rpx 0px;
			background-size: cover;
			background-position: center;
			position: relative;
			z-index: 99;

			/* 元素标题 start */
			.nav-link {
				font-size: 32rpx;
				text-transform: capitalize;
				padding: 0 0 10rpx 0;
				position: relative;

				.title {
					color: #FFFFFF;
					margin-top: 100rpx;
					text-align: center;
				}

				.join {
					color: #FFFFFF;
					margin-top: 20rpx;
					margin-bottom: 40rpx;
					text-align: center;
				}
			}

			/* 元素标题 end */

			/* 元素图标 start */
			.icon {
				font-variant: small-caps;
				position: absolute;
				top: 60rpx;
				right: 50rpx;
				left: 0%;
				width: 100%;
				height: 90rpx;
				line-height: 90rpx;
				margin: 0;
				padding: 0;
				display: inline-flex;
				text-align: center;
				justify-content: center;
				vertical-align: middle;
				font-size: 50rpx;
				color: #FFFFFF;
				white-space: nowrap;
				opacity: 0.9;

				background-size: cover;
				background-position: 50%;


			}

			/* 元素图标 end */
		}

		/* 列表元素 end */
	}

	.custom-modal-content {
		width: 100%;
		height: 100%;
		padding: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.icon {
			font-size: 100rpx;
			margin-bottom: 20rpx;
			color: $tn-main-color;
		}

		.text {
			font-size: 40rpx;
		}
	}

	/* 组件导航列表 end*/
</style>